<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<link rel="icon" href="favicon.png" type="image/png">-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="lib/bootstrap.min.css" rel="stylesheet">
    <link href='static/14th/css/index.css' rel='stylesheet'>
    <script src="lib/jquery.min.js" ></script>
    <script src="lib/vue.min.js"></script>
    <script src="static/14th/js/prefixfree.min.js"></script>
    <script src="static/14th/js/modernizr.js"></script>
    <title>三月十四</title>
</head>
<body>


<script src="static/14th/js/index_vue.js"></script>
<div id="vue_block" v-if="page.name">
    <div  class="container">
        <div class="blog-masthead">
            <div class="container">
                <nav class="blog-nav">
                    <span class="blog-nav-title">{{lang.title}}</span>
                    <a class="blog-nav-item active" v-show="!page.name||page.name==='index'" href="#" @click="router_index">Home</a>
                    <a class="blog-nav-item" href="#" v-show="!page.name||page.name==='index'">Code</a>
                    <a class="blog-nav-item" v-show="page.name&&page.name!=='index'" href="#" @click="router_index" style="display:none">Home</a>
                    <a class="blog-nav-item active" href="#" v-show="page.name&&page.name!=='index'" style="display:none">Code</a>
                    <!--<a class="blog-nav-item" href="#">New features</a>-->
                    <!--<a class="blog-nav-item" href="#">Press</a>-->
                    <!--<a class="blog-nav-item" href="#">New hires</a>-->

                </nav>
            </div>
        </div>
        <div class="blog-header" v-if="page.name">
            <h1 class="blog-title">{{lang.subtitle[1]}}</h1>
            <!--<p class="lead blog-description">陈宗豪 201592452 软日1505</p>-->
        </div>
        <div class="row">
            <div class="col-sm-4 blog-main" v-if="page.name==='index'">
                <div class="blog-post">

                    <template v-if="page.name==='index'">
                        <h2 class="blog-post-title">{{lang.subtitle[2]}}</h2>
                        <p class="blog-post-meta"><a href="#" @click="router_test(1)">{{lang.noun[1]}}01  2017- 9-28</a></p>
                        <p class="blog-post-meta"><a href="#" @click="router_test(2)">{{lang.noun[1]}}02  2017-10- 9</a></p>
                        <!--<p class="blog-post-meta"><a href="#" @click="router_test03">{{lang.noun[1]}}03  2017-10-23</a></p>-->
                        <p class="blog-post-meta"><a href="#" @click="router_test(3)">{{lang.noun[1]}}03 2017-10-26</a></p>
                        <p class="blog-post-meta"><a href="#" @click="router_test(4)">{{lang.noun[1]}}04 2017-10-23</a></p>
                    </template>
                </div>
            </div>
            <div class="col-sm-8 blog-main" v-if="page.name!=='index'">
                <div class="blog-post">
    <!------------------------------------------------标题部分------------------------------------------------------------->
                    <template v-if="page.name==='test01'">
                        <h2>{{lang.noun[1]}}01  词法分析</h2>
                        <p>2017-9-28 {{author.name}}</p>
                        <input  name="token" id="input_test01" @keydown="deal_test01">
                    </template>


                    <template v-if="page.name==='test02'">
                        <h2>{{lang.noun[1]}}02  求first集</h2>
                        <p>2017-10-9 {{author.name}}</p>
                        <textarea id="input_test02" rows="10" cols="50"></textarea><br>
                        <button type="button" @click="deal_test02">确认</button>
                    </template>

                    <!--<template v-if="page.name==='test03'">-->
                        <!--<h2>{{lang.noun[1]}}03  语法分析LR(1)</h2>-->
                        <!--<p>2017-10-23 {{author.name}}</p>-->
                        <!--<input  name="token" id="input_test03" @keydown="deal_test03">-->
                    <!--</template>-->
                    <template v-if="page.name==='test03'">
                        <h2>{{lang.noun[1]}}03  语法分析LL(1)</h2>
                        <p>2017-10-23 {{author.name}}</p>
                        <input  name="token" id="input_test03_2" @keydown="deal_test03_2">
                    </template>
                    <template v-if="page.name==='test04'">
                        <h2>{{lang.noun[1]}}04  语法分析LR(1)</h2>
                        <p>2017-10-23 {{author.name}}</p>
                        <input  name="token" id="input_test03" @keydown="deal_test03">
                    </template>
    <!--------------------------------------------------------------------------------------------------------------------->
                    <div v-if="!page.name">
                        {{lang.noun[2]}}……
                        <div class='loader loader--glisteningWindow'></div>
                    </div>
                    <div v-else-if="page.state='complete'&&page.name!=='index'">
                        <div id="output"></div>
                        <a href="#" @click="router_index">{{lang.noun[3]}}</a>
                    </div>

    <!------------------------------------------------代码部分------------------------------------------------------------->
                    <div id="code_test" v-show="page.name" style="display:none">
                        <!-----------------------编译------------------------------>
                        <div id="code_test01" v-show="page.name==='test01'" style="display:none">
                            <script src="https://code.csdn.net/snippets/2589295.js"></script>
                        </div>
                        <div id="code_test02" v-show="page.name==='test02'" style="display:none">
                            <script src="https://code.csdn.net/snippets/2589294.js"></script>
                        </div>
                        <div id="code_test04" v-show="page.name==='test04'" style="display:none">
                            <script src="https://code.csdn.net/snippets/2598514.js"></script>
                        </div>
                        <div id="code_test03_2" v-show="page.name==='test03'" style="display:none">
                            <script src="https://code.csdn.net/snippets/2599735.js"></script>
                            <script src="https://code.csdn.net/snippets/2599734.js"></script>
                        </div>
                        <!-------------------------Hadoop-------------------------->
                        <div id="code_hd01" v-show="page.name==='hd01'" style="display:none">
                            <h2>求均值</h2>
                            <script src="https://code.csdn.net/snippets/2600846.js"></script>
                        </div>
                        <div id="code_hd02" v-show="page.name==='hd02'" style="display:none">
                            <h2>求TopN</h2>
                            <script src="https://code.csdn.net/snippets/2600847.js"></script>
                        </div>
                        <div id="code_hd03" v-show="page.name==='hd03'" style="display:none">
                            <h2>求最大值</h2>
                            <script src="https://code.csdn.net/snippets/2600848.js"></script>
                        </div>
                        <div id="code_hd04" v-show="page.name==='hd04'" style="display:none">
                            <h2>wordcount</h2>
                            <script src="https://code.csdn.net/snippets/2600851.js"></script>
                        </div>
                        <div id="code_hd00" v-show="page.name==='hd00'" style="display:none;">
                            <script src="https://code.csdn.net/snippets/2600855.js"></script>
                        </div>
                        <div id="code_hd05" v-show="page.name==='hd05'" style="display:none;">
                            <h2>mapjoin</h2>
                            <script src="https://code.csdn.net/snippets/2600871.js"></script>
                        </div  >
                        <div id="code_hd06" v-show="page.name==='hd06'" style="display:none;">
                            <h2>reducejoin</h2>
                            <script src="https://code.csdn.net/snippets/2600873.js"></script>
                        </div  >
                        <a href="#" @click="router_index">{{lang.noun[3]}}</a>
                        <a href="#">{{lang.noun[4]}}</a>
                    </div>
    <!--------------------------------------------------------------------------------------------------------------------->



                 </div>
            </div>
            <div class="col-sm-4 blog-main" v-if="page.name==='index'">
                <div class="blog-post">
                        <template v-if="page.name==='index'">
                            <h2 class="blog-post-title"><a href="#" @click="router_hd00" style="color:#555; text-decoration:none">{{lang.subtitle[3]}}</a></h2>
                            <p class="blog-post-meta"><a href="#" @click="router_hd01">平均值</a></p>
                            <p class="blog-post-meta"><a href="#" @click="router_hd02">TopN</a></p>
                            <p class="blog-post-meta"><a href="#" @click="router_hd03">最大值</a></p>
                            <p class="blog-post-meta"><a href="#" @click="router_hd04">Wordcount</a></p>
                            <p class="blog-post-meta"><a href="#" @click="router_hd05">mapjoin</a></p>
                            <p class="blog-post-meta"><a href="#" @click="router_hd06">reducejoin</a></p>
                        </template>
                </div>
            </div>
            <div class="col-sm-3 col-md-offset-1 blog-sidebar">
                <div class="sidebar-module sidebar-module-inset">
                    <h4>{{lang.subtitle[4]}}</h4>
                    <ul>
                        <li v-show="page.name" v-for="list in event_list" style="display:none">
                            {{list.text}}
                        </li>
                    </ul>

                </div>
                <div class="sidebar-module">
                    <h4>{{lang.subtitle[5]}}</h4>
                    <ol class="list-unstyled">
                        <li><a href="#">2017年10月</a></li>

                    </ol>
                </div>
                <div class="sidebar-module">
                    <h4>{{lang.subtitle[6]}}</h4>
                    <ol class="list-unstyled">
                        <li><a href="http://14ch.cn">个人博客主页</a></li>
                        <li><a href="http://comic.14ch.cn">个人漫画汉化平台</a></li>
                        <li><a href="http://14ch.cn/2048">陈宗豪的2048</a></li>
                        <li><a href="http://14ch.cn/game">测试联机小游戏</a></li>
                        <li><a href="http://14th.top/mrs">OpenMRS项目前端</a></li>
                        <li><a href="http://li.14th.top">银行系统（软工作业）</a></li>
                        <li><a href="http://ncair.14th.top">航空系统（软工作业）</a></li>
                        <li><a href="https://github.com/">GitHub</a></li>
                        <li><a href="https://cn.vuejs.org/">vuejs中文网</a></li>
                        <li><a href="http://nodejs.cn/">nodejs中文网</a></li>
                    </ol>
                </div>
            </div><!-- /.blog-sidebar -->

        </div>
    </div>
    <footer class="blog-footer">

            <p><a href="#" @click="lan('zh-cn')">简体中文</a>|
        <a href="#" @click="lan('zh-tw')">繁体中文</a>|
        <a href="#" @click="lan('jp')">日本語</a>|
        <a href="#" @click="lan('en')">English</a></p>
        <p> 联系方式  QQ:793340483  E-Mail:chzh314@hotmail.com</p>
        <p>
            <a href="http://www.miitbeian.gov.cn/">辽ICP备17018178号-1</a>
        </p>
    </footer>
</div>

</body>
</html>